// 用户信息卡片
.user-profile-card {
  margin-bottom: 16px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

  .user-profile-content {
    display: flex;
    align-items: center;
    padding: 16px;
    cursor: pointer;
    transition: background-color 0.2s;

    &:hover {
      background-color: #f9fafb;
    }

    .user-avatar {
      margin-right: 16px;
      width: 64px;
      height: 64px;
      border-radius: 50%;
      object-fit: cover;
    }

    .user-info {
      flex: 1;

      .user-name {
        font-size: 18px;
        font-weight: 600;
        color: #111827;
        margin-bottom: 4px;
        display: block;
      }

      .user-company {
        font-size: 14px;
        color: #6b7280;
        display: block;
      }
    }

    .arrow-icon {
      color: #9ca3af;
      font-size: 16px;
      font-family: 'Material Icons';
    }
  }
}

// 设置卡片
.settings-card {
  margin-bottom: 16px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

  .settings-cell {
    border-bottom: 1px solid #f3f4f6;

    &:last-child {
      border-bottom: none;
    }

    &.clickable {
      cursor: pointer;
      transition: background-color 0.2s;

      &:hover {
        background-color: #f9fafb;
      }
    }
  }
}
